<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>一夜狼人杀</title>
    <div th:include="footer :: headBasic"></div>
</head>
<body>

<div class="panel-body">
    <div th:include="footer :: roomPublic"></div>
    <div class="panel panel-default marginTop10">
        <div class="panel-body">
            <h6>场次：<span id="activityId"></span></h6>
        </div>
    </div>
    <div id="notBigin" style="display: none;">
        <div class="panel panel-default marginTop10">
            <div class="panel-heading">
                已锁定【座号<span id="notBigin_mySeatNum"></span>】，
                还有<span id="notBigin_waitingPeopleCount"></span>人未锁定
            </div>
            <div class="panel-body">
                <div class="progress">
                    <div id="notBigin_progress" class="progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 100%">100%</div>
                </div>
            </div>
        </div>
    </div>
    <div id="mySkillMessage" class="panel panel-default marginTop10" style="display: none;">
        <div class="panel-body">
            <div>
                <h6>我的座号是【<span id="mySeatNum"></span>号】，起始角色牌为【<span id="myRoleCardName"></span>】</h6>
            </div>
            <div class="marginTop10" >
                <h6 id="mySkillMessage_result"></h6>
            </div>
        </div>
    </div>
    <div id="notSkill" style="display: none;">
        <div class="panel panel-default marginTop10">
            <div class="panel-heading">
                正在执行技能的是【<span id="notSkill_currentRoleName"></span>】（<span id="notSkill_skillRoleCount"></span>/<span id="notSkill_roleCount"></span>）
            </div>
            <div class="panel-body">
                <!--当前执行技能时显示-->
                <div id="notSkill_isSkillByCurrent_true" style="display: none;">
                    <div><h6 id="notSkill_promptMsg"></h6></div>
                    <div id="notSkill_skillButtonList_nobody"></div>
                    <div id="notSkill_skillButtonList_body"></div>
                    <div class="marginTop10">
                        <button class="btn btn-success" type="button" id="notSkill_confirmExecuteSkillButton">确认执行技能</button>
                    </div>
                </div>
                <!--当前不执行技能时显示-->
                <div id="notSkill_isSkillByCurrent_false" style="display: none;">
                    <div class="progress">
                        <div id="notSkill_progress" class="progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 100%">100%</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="notVote" style="display: none;">
        <div class="panel panel-default marginTop10">
            <div class="panel-body">
                <h6>现在由【<span id="notVote_speakNum"></span>号】开始发言</h6>
            </div>
        </div>
        <div class="panel panel-default marginTop10">
            <div class="panel-heading" id="notVote_promptMsg">
                请选择要投票的位置
            </div>
            <div class="panel-body">
                <!--未投票时显示-->
                <div id="notVote_isNoteVote_true" style="display: none;">
                    <div id="notVote_skillButtonList_nobody"></div>
                    <div id="notVote_skillButtonList_body"></div>
                    <div class="marginTop10">
                        <button class="btn btn-success" type="button" id="notVote_confirmExecuteVoteButton">确认投票</button>
                        <button class="btn btn-success" type="button" id="notVote_confirmExecuteAbstainedButton">弃票</button>
                    </div>
                </div>
                <!--已投票时显示-->
                <div id="notVote_isNoteVote_false" style="display: none;">
                    <div class="progress">
                        <div id="notVote_progress" class="progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 100%">100%</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--<audio autoplay="autoplay" src="/mp3/test.mp3"/>-->

    <div class="marginTop10" style="color:red;" id="errorMsgDiv"></div>
</div>

</body>
</html>
<script src="/js/page/activity.js"></script>
